fetch('http://chst.vip:1234/api/getbrandtitle')
    .then(function (a) {
        return a.json()
    })
    .then(function (b) {
        console.log(b);
        let str = '';
        b.result.forEach(item => {
            str += `<li brandTitleId=${item.brandTitleId}>
                    <h4>${item.brandTitle}</h4>
                    <div>

                    </div>
                </li>`
        });
        $('ul').html(str)
    })
    .then(function () {
        $('ul').on('click', 'li', function () {
            let that = this
            let brandTitleId = $(this).attr('brandTitleId')
            console.log(brandTitleId);
            fetch('http://chst.vip:1234/api/getbrand?brandtitleid=' + brandTitleId)
                .then(function (a) {
                    return a.json()
                })
                .then(function (b) {
                    console.log(b);
                    let str = '';
                    b.result.forEach(item => {
                        str += `<div brandId=${item.brandId} class='all'>
                                    <div class='left'>
                                        <div>${item.brandId % 10 + 1}</div>
                                        <div>${item.brandName}</div>
                                    </div>
                                    <div class='right'>
                                        <div>${item.brandInfo}</div>
                                    </div>
                                </div>
                                `
                    })
                    console.log(str);
                    $(that).find('div').html(str)
                    console.log(that);
                })
            $('ul li').click(function () {
                $(this).find('.all').slideToggle().parent().siblings().find('.all').slideUp();
            })
            $(function () {
                $('.all').slideUp()
            })
        })
    })
    .then(function () {
        $('ul li').on('click','.all',function(){
            let brandId = $(this).attr('brandId')
            console.log(brandId);
            location.href='./category_1.html?categoryId='+brandId
        })

    })